<template>
    <div class="index">
        <HeadNav></HeadNav>
        <LeftNav></LeftNav>
        <div class="rightContainer">
            <router-view></router-view>
        </div>
    </div>
</template>

<script>
    import HeadNav from '../components/header.vue'
    import LeftNav from '../components/leftnav.vue'
    export default {
        name: "index",
        components:{
            HeadNav,
            LeftNav
        }
    }
</script>

<style scoped>
    .index{
        width: 100%;
        height: 970px;
        overflow: hidden;
    }
    .rightContainer{
        position: relative;
        margin-top: 71px;
        top: 0;
        left: 180px;
        width: calc(100% - 180px);
        height: calc(100% - 71px);
        overflow: auto;
    }
</style>